    /*宽度100%*/
    .w-100{ width: 100%; }
    .h-100{ height: 100%; }
	/*flex布局*/


	.d-f{display: flex;}
	.row{display: flex;align-items: center;justify-content: center;}
	.row-af{display: flex;align-items: flex-end;}
	.row-ac-sb{display: flex;align-items: center;justify-content: space-between;}
	.row-ac{display: flex;align-items: center;}
	.row-ab{display: flex;align-items: baseline;}
	.row-ac-fw{display: flex;align-items: center;flex-wrap: wrap;}
	.row-a-j-fc{display: flex;align-items: center;justify-content: center;flex-direction: column;}
	.row-af-js-fw{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
	.border { border-width: 1px;border-style: solid;border-color: #dee2e6;}
	.border-none { border: none; }
	.border-red{border: 1px #999 solid;}
	.border-top {border-top-width: 1px;border-top-style: solid;border-top-color: #dee2e6;}
	.border-bottom {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dee2e6;}
	.border-bottom-dashed {border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #dee2e6;}
	.border-right {border-right-width: 1px;border-right-style: solid;border-right-color: #dee2e6;}
	.border-bottom-main {border-bottom-color: #f83434 ;}

	.flex-row{ flex-direction:row!important; }
	.flex-column{ flex-direction:column!important; }
	.flex-row-reverse{ flex-direction:row-reverse!important; }
	.flex-column-reverse{ flex-direction:column-reverse!important; }
	.flex-wrap{ flex-wrap:wrap;}
	.flex-nowrap{ flex-wrap:nowrap;}
	.justify-start{justify-content:flex-start;}
	.justify-end{justify-content:flex-end;}
	.justify-between{justify-content:space-between;}
	.justify-center{justify-content:center;}
	.align-center{ align-items: center; }
	.align-stretch{ align-items: stretch; }
	.align-start{ align-items: flex-start; }
	.align-end{ align-items: flex-end; }
	.position-fixed { position: fixed;}

	.text-center{text-align: center;}
	.flex-1{flex: 1;}
	.flex-2{flex: 2;}
	.flex-3{flex: 3;}
	.flex-4{flex: 4;}
	.flex-5{flex: 5;}
	/* scroll-view 要用到的两个属性*/
	.scroll-row{ width: 100%;white-space: nowrap; }
	.scroll-row-item{ display: inline-block!important; }
	/*上下左右边距*/
	.mt { margin-top: 5px; }
	.mt-1 { margin-top: 10px; }
	.mt-08 { margin-top: 8px; }
	.mt-2 { margin-top: 20px; }
	.mt-3 { margin-top: 30px; }
	.mt-4 { margin-top: 40px; }
	.mt-5 { margin-top: 50px; }
	.mt-6 { margin-top: 60px; }
	.mt-7 { margin-top: 70px; }
	.mt-8 { margin-top: 80px; }
	.mt-9 { margin-top: 90px; }
	.mb-0 { margin-bottom: 0; }
	.mb-08 { margin-bottom: 8px; }
	.mb-1 { margin-bottom: 10px; }
	.mb-2 { margin-bottom: 20px; }
	.mb-3 { margin-bottom: 30px; }
	.mb-4 { margin-bottom: 40px; }
	.mb-5 { margin-bottom: 50px; }
	.mb-6 { margin-bottom: 60px; }
	.mb-7 { margin-bottom: 70px; }
	.mb-8 { margin-bottom: 80px; }
	.mb-9 { margin-bottom: 90px; }
	.ml { margin-left: 5px; }
	.ml-0 { margin-left: 0; }
	.ml-08 { margin-left: 8px; }
	.ml-1 { margin-left: 10px; }
	.ml-2 { margin-left: 20px; }
	.ml-3 { margin-left: 30px; }
	.ml-4 { margin-left: 40px; }
	.ml-5 { margin-left: 50px; }
	.ml-6 { margin-left: 60px; }
	.ml-7 { margin-left: 70px; }
	.ml-8 { margin-left: 80px; }
	.ml-9 { margin-left: 90px; }
	.mr-0 { margin-right: 0; }
	.ml-08 { margin-right: 8px; }
	.mr-1 { margin-right: 10px; }
	.mr-2 { margin-right: 20px; }
	.mr-3 { margin-right: 30px; }
	.mr-4 { margin-right: 40px; }
	.mr-5 { margin-right: 50px; }
	.mr-6 { margin-right: 60px; }
	.mr-7 { margin-right: 70px; }
	.mr-8 { margin-right: 80px; }
	.mr-9 { margin-right: 90px; }
	.mx{ margin-left: 5px; margin-right: 5px; }
	.mx-0{ margin-left: 0px; margin-right: 0px; }
	.mx-08{ margin-left: 8px; margin-right: 8px; }
	.mx-1{ margin-left: 10px; margin-right: 10px; }
	.mx-15{ margin-left: 15px; margin-right: 15px; }
	.mx-2{ margin-left: 20px; margin-right: 20px; }
	.mx-28{ margin-left: 28px; margin-right: 28px; }
	.mx-3{ margin-left: 30px; margin-right: 30px; }
	.mx-4{ margin-left: 40px; margin-right: 40px; }
	.mx-5{ margin-left: 50px; margin-right: 50px; }
	.mx-6{ margin-left: 60px; margin-right: 60px; }
	.my{ margin-top: 5px;margin-bottom: 5px; }
	.my-0{ margin-top: 0px;margin-bottom: 0px; }
	.my-1{ margin-top: 10px;margin-bottom: 10px; }
	.my-2{ margin-top: 20px;margin-bottom: 20px; }
	.my-3{ margin-top: 30px;margin-bottom: 30px; }
	.my-4{ margin-top: 40px;margin-bottom: 40px; }
	.my-5{ margin-top: 50px;margin-bottom: 50px; }



	.p-0 { padding: 0; }
	.p-05 { padding: 5px; }
	.p-1 { padding: 10px; }
	.p-15 { padding: 15px; }
	.p-2 { padding: 20px; }
	.p-3 { padding: 30px; }
	.p-4 { padding: 40px; }
	.p-5 { padding: 50px; }
	.p-6 { padding: 60px; }
	.p-7 { padding: 70px; }
	.p-8 { padding: 80px; }
	.p-9 { padding: 90px; }
	.pt-0 { padding-top: 0; }
	.pt { padding-top: 5px; }
	.pt-1 { padding-top: 10px; }
	.pt-2 { padding-top: 20px; }
	.pt-3 { padding-top: 30px; }
	.pt-4 { padding-top: 40px; }
	.pt-5 { padding-top: 50px; }
	.pb-0 { padding-bottom: 0; }
	.pb-1 { padding-bottom: 10px; }
	.pb { padding-bottom: 5px; }
	.pb-2 { padding-bottom: 20px; }
	.pb-3 { padding-bottom: 30px; }
	.pb-4 { padding-bottom: 40px; }
	.pb-5 { padding-bottom: 50px; }
	.pb-6 { padding-bottom: 60px; }
	.pb-7 { padding-bottom: 70px; }
	.pb-8 { padding-bottom: 80px; }
	.pb-9 { padding-bottom: 90px; }
	.pl-0 { padding-left: 0; }
	.pl { padding-left: 5px; }
	.pl-1 { padding-left: 10px; }
	.pl-2 { padding-left: 20px; }
	.pl-3 { padding-left: 30px; }
	.pl-4 { padding-left: 40px; }
	.pl-5 { padding-left: 50px; }
	.pr-0 { padding-right: 0; }
	.pr { padding-right: 5px; }
	.pr-1 { padding-right: 10px; }
	.pr-2 { padding-right: 20px; }
	.pr-3 { padding-right: 30px; }
	.pr-4 { padding-right: 40px; }
	.pr-5 { padding-right: 50px; }
	.py-0 { padding-top: 0; padding-bottom: 0; }
	.py { padding-top: 5px; padding-bottom: 5px; }
	.py-1 { padding-top: 10px; padding-bottom: 10px; }
	.py-15 { padding-top: 15px; padding-bottom: 15px; }
	.py-2 { padding-top: 20px; padding-bottom: 20px; }
	.py-3 { padding-top: 30px; padding-bottom: 30px; }
	.py-4 { padding-top: 40px; padding-bottom: 40px; }
	.py-5 { padding-top: 50px; padding-bottom: 50px; }
	.px-0 { padding-left: 0; padding-right: 0; }
	.px-1 { padding-left: 10px; padding-right: 10px;}
	.px { padding-left: 5px; padding-right: 5px;}
	.px-2 { padding-left: 20px; padding-right: 20px;}
	.px-3 { padding-left: 30px; padding-right: 30px;}
	.px-4 { padding-left: 40px; padding-right: 40px;}
	.px-5 { padding-left: 50px; padding-right: 50px;}
	/* 文字颜色 */
	.text-main-color{color:#009874;}
	.text-white {color: #ffffff;}
	.text-light-grey { color: #828282;}
	.text-light-999 { color: #999999;}
	.text-light-66 { color: #666666;}
	.text-primary {color: #007bff;}
	.text-hover-primary { color: #0056b3;}
	.text-secondary {color: #6c757d;}
	.text-hover-secondary { color: #494f54;}
	.text-success {color: #28a745;}
	.text-hover-success{color: #19692c;}
	.text-info { color: #17a2b8;}
	.text-hover-info {color: #0f6674;}
	.text-warning {color: #ffc107;}
	.text-hover-warning { color: #ba8b00;}
	.text-danger { color: #dc3545;}
	.text-hover-danger { color: #a71d2a;}
	.text-light { color: #f8f9fa;}
	.text-hover-light { color: #cbd3da;}
	.text-dark { color: #343a40;}
	.text-hover-dark{ color: #121416;}
	.text-body { color: #212529;}
	.text-muted { color: #6c757d;}

	.text-light-muted { color: #A9A5A0;}/* 浅灰色用在input里公共色 */
	.text-light-black { color: rgba(0, 0, 0, 0.5);}
	.text-light-white { color: rgba(255, 255, 255, 0.5);}
	.text-de{text-decoration: line-through;}
    .border-color{border: 1px solid #009874;color: #009874;}
	/* 背景颜色 */
	.bg-main-color{background-color: #009874;color: #FFFFFF;}
	.bg-disabled-color{background-color: #ff5c5c;color: #FFFFFF;}
	.bg-primary { background-color: #007bff;color: #FFFFFF;}
	.bg-hover-primary:hover{ background-color: #0062cc;}
	.bg-secondary { background-color: #6c757d;}
	.bg-hover-secondary:hover{ background-color: #545b62;}
	.bg-success { background-color: #28a745;}
	.bg-hover-success { background-color: #1e7e34;}
	.bg-info { background-color: #17a2b8;}
	.bg-hover-info { background-color: #117a8b;}
	.bg-warning { background-color: #ffc107;color: #FFFFFF;}
	.bg-hover-warning { background-color: #d39e00;}
	.bg-danger { background-color: #dc3545;color: #FFFFFF;}
	.bg-hover-danger{ background-color: #bd2130;color: #FFFFFF;}
	.bg-light { background-color: #f8f9fa;}
	.bg-hover-light{ background-color: #dae0e5;}
	.bg-dark { background-color: #343a40;}
	.bg-hover-dark { background-color: #1d2124;}
	.bg-white { background-color: #ffffff;}
	.bg-button { background-color: #f5f4f4; }
	.bg-transparent { background-color: transparent;}

	.top-0 { top: 0; }
	.left-0 { left: 0; }
	.right-0 { right: 0; }
	.bottom-0 { bottom: 0; }
	/*字体大小*/
	.font-s-small{ /* 小字体 */font-size: 10px;}
	.font-s-1{ /* 小字体 */font-size: 12px;}
	.font-s-2{ /* 常规字体大小 */font-size: 14px;}
	.font-s-3{ /* 常规字体大小 */font-size: 16px;}
	.font-s-4{ /* 大字体 */font-size: 20px;}
	.font-s-45{ /* 大字体 */font-size: 22px;}
	.font-s-5{ /* 超大字体 */font-size: 30px;}
	.font-s-6{ /* 超大字体 */font-size: 32px;}
	.font-s-65{ /* 超大字体 */font-size: 36px;}
	.font-s-7{ /* 超大字体 */font-size: 42px;}
	.font-s-8{ /* 超大字体 */font-size: 60px;}
	.font-s-9{ /* 超大字体 */font-size: 72px;}
	.font-w{ /*超粗字体 */font-weight: bold;}
	/*字体粗细*/
	.font-300{ /*超细字体 */font-weight: 300;}
	/*字体粗细*/

	/* 定位 - 固定顶部 */
	.fixed-top {position: fixed;top: 0;right: 0;left: 0;z-index:99;}
	/* 定位 - 固定底部 */
	.fixed-bottom {position: fixed;right: 0;bottom: 0;left: 0;z-index: 1;}
	.position-relative{position: relative; }
	.position-absolute{position: absolute; }
	.zindex-1{z-index: 1}
	/* 圆角 */
	.rounded { border-radius: 16px;}
	.rounded-top {
	  border-top-left-radius: 12px;
	  border-top-right-radius: 12px;
	}
	.rounded-right {
	  border-top-right-radius: 12px;
	  border-bottom-right-radius: 12px;
	}
	.rounded-bottom {
	  border-bottom-right-radius: 12px;
	  border-bottom-left-radius: 12px;
	}
	.rounded-left {
	  border-top-left-radius: 12px;
	  border-bottom-left-radius: 12px;
	 }
	.rounded-circle { border-radius: 100px;}
	.rounded-50{border-radius: 50%;}
	/* 内容溢出 */
	.overflow-hidden { overflow: hidden;}

	/* 上三角 */
	.triangle-up{
		width:0;
		height:0;
		border-left:12px solid transparent;
		border-right:12px solid transparent;
		border-bottom:12px solid #f61f1b;
	}
	/* 下三角 */
	.triangle-down {
		width:0;
		height:0;
		border-left:12px solid transparent;
		border-right:12px solid transparent;
		border-top:12px solid #f61f1b;
	}

	/* 两行限制 */
	.in1line {
		display: -webkit-box !important;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 1;
	}
	.in2line {
		display: -webkit-box !important;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 2;
	}
	.fl{
		float: left;
	}
	.fr{
		float: right;
	}
	.clearfix{
		zoom: 1;
	}
	.clearfix:after{
		content: '';
		height: 0;
		display: block;
		clear: both;
	}


	/* 隐藏 scroll-view 组件的滚动条*/
	::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
	}
	.cp{
		cursor: pointer;
	}
